<template>
  <div id="footer">
       <ul>
        <li>
            <div>
                <img src="ia_100000143.png">
            </div>
            <router-link to="/zhuye"><span>首页</span></router-link>
        </li>
        <li>
            <div>
                <img src="ia_100000144.png">
            </div>
           <router-link to="/fenlei"><span>分类</span></router-link> 
        </li>
        <li>
            <div>
                <img src="ia_100000145.png">
            </div>
            <router-link to="/faxian"><span>发现</span></router-link>
        </li>
        <li>
            <div>
                <img src="ia_100000146.png">
            </div>
            <router-link to="/gouwuche"><span>购物车</span></router-link>
        </li>
        <li>
            <div>
                <img src="ia_100000147.png">
            </div>
            <router-link to="/wode"><span>我的</span></router-link> 
        </li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
#footer{
position: fixed;
bottom: 0;
font-size: .16rem;
width: 100%;
z-index: 99;
background-color: white;
}
#footer ul{
  display: flex;
  justify-content: space-around;
}
#footer ul li{
  font-size: .16rem;
  text-align: center;
}
#footer ul li img{
    width: .2rem;
    height: .2rem;
}
</style>